html {
  font-size: 100%; /* Make fonts resize normally in IE. */
}

body {
  background-color: #88ADA0;
  font-family: "Arial", Helvetica, sans-serif;
}

p {
  margin: 0em;
}

ul {
  list-style: none;
  padding-left: 0em;
  margin: 0em;
}

li {
  display: inline;
}

input[type=text] {
  color: #5C5C5C;
  font-style: italic;
}

.left {
  float: left;
}

.right {
  float: right;
}

/*
 * Beginning of a trick to horizontally center the header,
 * main, and footer divs.
 */
div.page, div.header, div.mainContainer {
  width: 64em;
}

div.page {
  right: 50%;
  position: absolute;
  margin-top: 2em;
  margin-bottom: 2em;
}

div.header, div.mainContainer {
  left: 50%;
  position: relative;
}
/* End of a trick to horizontally center the header and main divs. */

div.header, div.footer {
  background-color: #C6F0C1;
}

div.header, div.superTitle {
  color: #95AAA3;
}

div.header p {
  text-align: right;
  width: auto;
  margin-right: 3em;
}

div.mainContainer {
  background-color: #E4F8E1;
}

div.main {
  margin: 0em 2em 0em 2em;
}

div.meta {
  overflow: hidden;
}

div.navBar {
  background-color: #A9D1A4;
  font-family: "Impact", Charcoal, sans-serif;
  clear: both;
}

div.title {
  width: 32em;
  margin: 0em 1em 0em 0em;
}

div.loginColumn {
  width: 8em;
  margin: 0em 0.5em 0em 0.5em;
}

div.navBar ul li {
  color: white;
  font-weight: bold;
  margin: 0% 4.5% 0% 4.5%;
}

div.navBar ul li a {
  color: white;
  text-decoration: none;
}

div.footer {
  text-align: center;
  clear: both;
}

div.sideContainer, div.feed {
  margin: 2em 2em 2em 0em;
}

div.sideContainer {
  background-color: #A3C8BC;
  width: 15em;
}

div.sideBox {
  background-color: #E4F8E1;
  margin: 1em;
}

div.linkBox {
  background-color: white;
  margin: 1em;
}

div.feed {
  background-color: white;
  width: 41em;
}

div.topRbksContent {
  margin-top: 2em;
}

div.shareStoryContent {
  background-color: white;
  padding: 2em;
  margin-top: 2em;
}

div.clear {
  clear: both;
}

p.sectionTitle {
  color: #193E76;
  font-size: 2em;
  margin-bottom: 0em;
}

p.doubleSpaced {
  margin-bottom: 1em;
}

ul.bulleted {
  list-style: inside;
  padding-left: 1em;
  margin-bottom: 1em;
}

ul.bulleted li {
  display: list-item;
}

form#login {
  background-color: white;
  width: 27em;
}

form#shareStory {
  background-color: #DBE9E5;
}
